<template>
  <div class="wrap">
    <router-link to="/" tag="div" class="index">首页</router-link>
    <div class="middle">-</div>
    <span class="router">{{ $route.meta.title }}</span>
  </div>
</template>
<script>
  export default {
    name: "RouterTip",
    components: {},
    data() {
      return {};
    },
    created() {
      console.log("routr", this.$route);
    },
    mounted() {},
    computed: {},
    watch: {},
    methods: {},
  };
</script>
<style lang="scss" scoped>
  .wrap {
    width: 100%;
    height: 220px;
    background-color: #12152f;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 46px;
  }
  .index {
    cursor: pointer;
    color: #243080;
  }
  .middle {
    margin: 0 20px;
  }
</style>
